<!-- 话题里面的讨论 -->
<template>
  <div id="talkDiscuss2">
    <div>
      <Tabs value="name1">
        <TabPane label="索引" name="name1">
          <!-- 索引标题 -->
          <div class="list_content">
            <div class="index_title">
              <div class="title_pos">
                <div class="title_text">居家生活</div>
              </div>
            </div>
            <div class="list_item">
              <div class="item_text2">有哪些出租屋实用神器？</div>
            </div>
            <div class="list_item">
              <div class="item_text2">有哪些小户型神器？</div>
            </div>
            <div class="list_item">
              <div class="item_text2">家务清洁有哪些必备的神器？</div>
            </div>
            <div class="list_item">
              <div class="item_text2">宜家有哪些性价比高的收纳神器？</div>
            </div>
          </div>
          <!-- 索引标题 -->
          <div class="index_title">
            <div class="title_pos">
              <div class="title_text2">学习办公</div>
            </div>
          </div>
          <!-- 列表 -->
          <div class="list_content">
            <div class="list_item">
              <div class="item_text2">有哪些值得推荐的「久坐神器」？</div>
            </div>
            <div class="list_item">
              <div class="item_text2">有哪些你相见恨晚的文具？</div>
            </div>
            <div class="list_item">
              <div class="item_text2">哪些工具或物品堪称宿舍神器？</div>
            </div>
          </div>
          <!-- 索引标题 -->
          <div class="index_title">
            <div class="title_pos">
              <div class="title_text2">出行必备</div>
            </div>
          </div>
          <!-- 列表 -->
          <div class="list_content">
            <div class="list_item">
              <div class="item_text2">有哪些必备的旅行神器？</div>
            </div>
            <div class="list_item">
              <div class="item_text2">一个人旅行有哪些必备神器？</div>
            </div>
            <div class="list_item">
              <div class="item_text2">你有哪些必备的出差神器？</div>
            </div>
          </div>
        </TabPane>
        <TabPane label="讨论" name="name2">
          <talkDiscussBox v-for="(i, index) of list" :key="index" :cardList="i"></talkDiscussBox>
        </TabPane>
        <TabPane label="精华" name="name3"></TabPane>
        <TabPane label="等待回答" name="name4">555555容</TabPane>
      </Tabs>
    </div>
  </div>
</template>

<script>
  import talkDiscussBox from './talkCard/talkDiscussBox'

  export default {
    name: 'talkDiscuss2',
    el: ' #talkDiscuss2',
    components: {
      'talkDiscussBox': talkDiscussBox
    },
    data () {
      return {
        selectLeftHeadBtn: 1,
        selectStyle: {'color': '#0084ff'},
        list: [
          {
            'id': 1,
            'title': '有哪些软件堪称神器，却不为大众所知？',
            'goodNum': 27,
            'badNum': 5,
            'isGood': true,
            'isBad': false,
            'commentNum': 3
          },
          {
            'id': 2,
            'title': '有哪些软件堪称神器，却不为大众所知？',
            'goodNum': 666,
            'badNum': 222,
            'isGood': true,
            'isBad': false,
            'commentNum': 55
          }
        ]
      }
    },
    computed: {},
    methods: {}
  }
</script>

<style scoped>
  @import '../../../../../static/css/talk/talkDiscuss.css';
</style>
